<template>

    <div class="phoinfo-title">

        <!-- api -->
        <!-- <h3>{{ photoinfo.title }}</h3>
        <p class="subitle">
            <span>{{ photoinfo.add_time | dateFormat}}</span>
            <span>{{ photoinfo.click }}</span>
        </p> -->

        <h3>撩人事件</h3>
        <p class="subitle">
            <span>发表时间：</span>
            <span>点击：？次</span>
        </p>

        <hr>

        <!-- 略缩图 -->

        <!-- 图片内容区域 -->
        <div class="content">
         <p>
         有只小蜜蜂 飞到花丛中有只小蜜蜂 飞到花丛中有只小蜜蜂 飞到花丛中
         有只小蜜蜂 飞到花丛中有只小蜜蜂 飞到花丛中有只小蜜蜂 飞到花丛中
         有只小蜜蜂 飞到花丛中有只小蜜蜂 飞到花丛中有只小蜜蜂 飞到花丛中
         有只小蜜蜂 飞到花丛中有只小蜜蜂 飞到花丛中有只小蜜蜂 飞到花丛中
         有只小蜜蜂 飞到花丛中有只小蜜蜂 飞到花丛中有只小蜜蜂 飞到花丛中
         有只小蜜蜂 飞到花丛中有只小蜜蜂 飞到花丛中有只小蜜蜂 飞到花丛中
         有只小蜜蜂 飞到花丛中有只小蜜蜂 飞到花丛中有只小蜜蜂 飞到花丛中
         有只小蜜蜂 飞到花丛中有只小蜜蜂 飞到花丛中有只小蜜蜂 飞到花丛中
         有只小蜜蜂 飞到花丛中有只小蜜蜂 飞到花丛中有只小蜜蜂 飞到花丛中
         </p>

        <!-- 评论组件 -->
        
        <comment :id="id"></comment>

        </div>
    </div>

</template>

<script>

//导入评论子组件
import comment from '../subcomponents/comment.vue';

export default {
    data(){
        return {
           id:this.$route.params.id, //从路由中获取到的 Id
           photoinfo:[] //获取api 请求的 全部数据
        }
    },
    created(){
        this.getPhoinfo()
    },
    methods:{
        getPhoinfo(){
            // this.$http.get("'api/getimageinfo/'+id").then(result =>{
            //     if (result.body.status === 0) {
            //         this.photoinfo = result.body.message
            //     }
            // })
        },

    },
    components:{ //注册评论子组件
        comment
    }
}
</script>


<style lang="scss" scoped>
    .phoinfo-title{
        padding: 0 5px;
        h3{
            font-size: 15px;
            color: orange;
            text-align: center;
        }
        .subitle{
            display: flex;
            justify-content: space-between;
            font-size: 13px;
        }
        .content{

            p{
                text-indent: 25px;
                font-size: 15px;
                line-height: 25px;
                
            }
        }
    }
</style>


